.container {
  width: 100px;
  margin: auto;
}

.comp1 {
  opacity: 1;
}
/* 淡出 */
.comp1-exit-active {
  transition: 1s;
  transform: translateX(-100px);
  opacity: 0;
}
.comp1-exit-done {
  transform: translateX(-100px);
  opacity: 0;
  display: none;
}
/* 淡入 */
.comp1-enter {
  display: block;
  transition: 1s;
  transform: translateX(100px);
  opacity: 0;
}
.comp1-enter-active {
  transform: translateX(0px);
  opacity: 1;
}
